<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:t="http://myfaces.apache.org/tomahawk">

	<ui:composition template="/template/pPrincipal.xhtml">

		<ui:define name="head">
			<title>BBVAITrade</title>
		</ui:define>

		<ui:define name="titulopagina">
			<p:toolbar>
				<p:toolbarGroup align="left" style="height: 20px;">
					<h:outputText value="Consulta General de Clientes"
						styleClass="textoTituloPagina" />
				</p:toolbarGroup>
			</p:toolbar>
		</ui:define>

		<ui:define name="bodyarea">
			<p:messages id="growl" ></p:messages>
			<f:event type="preRenderView" listener="#{busquedaClienteController.onPageLoad}"/>
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel"
				style="width:100%;margin-top: 0px;margin-bottom:5px "
				columns="1">

				<f:facet name="header">
					<h:outputText value="Filtros de Búsqueda" />
				</f:facet>
				
				<h:panelGrid columns="3" style="margin-top: -20px" id="idPanelBusquedaCliente">
					<p:spacer width="95" height="15" ></p:spacer>
					<p:spacer width="200" height="15" ></p:spacer>
					<p:spacer width="150" height="15" ></p:spacer>
					
					<h:outputText value="Buscar cliente por:" styleClass="texto" />
					<p:selectOneMenu value="#{comunController.tipoDocSeleccionado}" effect="fade" converter="tipoDocumentoConverter">
				    	<f:selectItems value="#{comunController.listTipoDocumento}"/>
				    	<p:ajax listener="#{busquedaClienteController.actualizarCajaBusqueda}" update=":formPrincipal:idPanelBusquedaCliente" />
				    </p:selectOneMenu>
					
					<p:commandButton value="Buscar" id="btnBuscar" update=":formPrincipal:idPanelResultDataClientes" actionListener="#{busquedaClienteController.actionBuscar}"/>
					
					<h:outputText value="Valor de Búsqueda:" styleClass="texto" />
					<h:inputText value="#{busquedaClienteController.valorBusqueda}" styleClass="cajaST" style="width:80%" 
						id="idCajaRUC" maxlength="11" rendered="#{busquedaClienteController.mostrarCajaRUC}"/>
					<h:inputText value="#{busquedaClienteController.valorBusqueda}" styleClass="cajaST" style="width:80%" 
						id="idCodigoCliente" maxlength="8" rendered="#{busquedaClienteController.mostrarCajaCodigoCliente}"/>
					<h:inputText value="#{busquedaClienteController.valorBusqueda}" styleClass="cajaST" style="width:100%" 
						id="idRazonSocial" maxlength="90" rendered="#{busquedaClienteController.mostrarCajaRazonSocial}"/>
				</h:panelGrid>
			</h:panelGrid>

			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" style="width:100%;" columns="1">

				<f:facet name="header">
					<h:outputText value="Resultados" />
				</f:facet>
				
				<h:panelGrid columns="2">
					<p:spacer width="100" height="10"></p:spacer>
					<p:dataTable value="#{busquedaClienteController.listCliente}" var="fila"
						paginator="true" rows="10" style="width:800px;" id="idPanelResultDataClientes">
						<p:column>
							<f:facet name="header">
								<h:outputText value="Código Cliente" />
							</f:facet>
							<p:commandLink actionListener="#{busquedaClienteController.cargarPaginaInicioCliente(fila.strCodCliente)}">
								<h:outputText value="#{fila.strCodCliente}" styleClass="columnTextoCeleste"/>
							</p:commandLink>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Nombre / Razón Social" />
							</f:facet>
							<h:outputText value="#{fila.strNomCliente}"/>
						</p:column>
						<p:column styleClass="columnCenter">
							<f:facet name="header">
								<h:outputText value="Tipo Documento" />
							</f:facet>
							<h:outputText value="#{fila.strTipDocumento}" />
						</p:column>
						<p:column styleClass="columnCenter">
							<f:facet name="header">
								<h:outputText value="Nro. Documento" />
							</f:facet>
							<h:outputText value="#{fila.strNumDocumento}" />
						</p:column>
					</p:dataTable>
				</h:panelGrid>
			</h:panelGrid>
		</ui:define>
	</ui:composition>
</jsp:root>